<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <title>APP</title>
        <link rel="stylesheet" type="text/css" href="../css/aui.css" />
        <link rel="stylesheet" type="text/css" href="../css/aui-eg.css" />
        <style>
        </style>
    </head>
    <body>
        <div class="aui-content" style="padding:40px;">
            <div onclick="btn();" class="aui-btn aui-btn-danger" style="width:100%;">
                alert
            </div>
        </div>
    </body>
    <script type="text/javascript" src="../script/api.js" ></script>
    <script type="text/javascript" src="../script/aui-alert.js" ></script>
    <script type="text/javascript">
        apiready = function() {
            
        }
        function btn(){
            var html = '<div class="aui-card aui-noborder">';
                html += '<div class="aui-form">';
                html += '<div class="aui-input-row">';
                html += '<input type="tel" id="inviteMobile" class="aui-input" placeholder="请输入对方手机号码"/>';
                html += '</div>';
                html += '</div>';
                html += '</div>';
            $aui.alert({
                title : "测试标题",
                content : html,
                keys : ["inviteMobile"],
                buttons : ["确定", "取消"],
                radius : 1
            }, function(ret) {
                //处理回调函数
                if (ret && ret.buttonIndex == 0) {
                    var v = ret.values;
                    alert("您输入的电话是："+v.inviteMobile);
                }
            })
        }
    </script>
</html>